<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      template="layout_1.xhtml"
      xmlns:f="http://java.sun.com/jsf/core">


  
        
         <ui:define name="content">
         <f:view>
 
       <h:form id="form" >
           <a4j:region>
           <center>
              <h:outputText value="#{mojeKsiazkiSessionManager.test}"/>
            
               <a4j:commandButton  id="linkA" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="A"   render="table">
                   <a4j:param  name="username" value="A" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkB" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="B"  render="table">
                   <a4j:param  name="username" value="B" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkC" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="C"  render="table">
                   <a4j:param  name="username" value="C" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkCC" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="Ć"  render="table">
                   <a4j:param  name="username" value="Ć" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkD" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="D"  render="table">
                   <a4j:param  name="username" value="D" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkE" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="E"  render="table">
                   <a4j:param  name="username" value="E" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkEE" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="Ę"  render="table">
                   <a4j:param  name="username" value="Ę" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkF" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="F"  render="table">
                   <a4j:param  name="username" value="F" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkG" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="G"  render="table">
                   <a4j:param  name="username" value="G" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkH" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="H"  render="table">
                   <a4j:param  name="username" value="H" assignTo="#{wypozyczKsiazkeManager.selectedString}"  />
             </a4j:commandButton>
             <a4j:commandButton  id="linkI" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="I"  render="table">
                   <a4j:param  name="username" value="I" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             
             <a4j:commandButton  id="linkJ" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="J"  render="table">
                   <a4j:param  name="username" value="J" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkK" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="K"  render="table">
                   <a4j:param  name="username" value="K" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkL" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="L"  render="table">
                   <a4j:param  name="username" value="L" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkŁ" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="Ł"  render="table">
                   <a4j:param  name="username" value="Ł" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             <a4j:commandButton  id="linkM" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="M"  render="table">
                   <a4j:param  name="username" value="M" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkN" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="N"  render="table">
                   <a4j:param  name="username" value="N" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkŃ" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="Ń"  render="table">
                   <a4j:param  name="username" value="Ń" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkO" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="O"  render="table">
                   <a4j:param  name="username" value="O" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkÓ" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="Ó"  render="table">
                   <a4j:param  name="username" value="Ó" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkP" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="P"  render="table">
                   <a4j:param  name="username" value="P" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkR" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="R"  render="table">
                   <a4j:param  name="username" value="R" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkS" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="S"  render="table">
                   <a4j:param  name="username" value="S" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkŚ" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="Ś"  render="table">
                   <a4j:param  name="username" value="Ś" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkT" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="T"  render="table">
                   <a4j:param  name="username" value="T" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             
              <a4j:commandButton  id="linkU" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="U"  render="table">
                   <a4j:param  name="username" value="U" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkW" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="W"  render="table">
                   <a4j:param  name="username" value="W" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkY" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="Y"  render="table">
                   <a4j:param  name="username" value="Y" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkZ" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="Z"  render="table">
                   <a4j:param  name="username" value="Z" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkŹ" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="Ź"  render="table">
                   <a4j:param  name="username" value="Ź" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
              <a4j:commandButton  id="linkZZ" action="#{wypozyczKsiazkeManager.getListaKsiazek}" value="Ż"  render="table">
                   <a4j:param  name="username" value="Ż" assignTo="#{wypozyczKsiazkeManager.selectedString}"/>
             </a4j:commandButton>
             
             
             
             <br></br><br></br>
              <rich:dataScroller for="table" maxPages="5" />   
              <rich:dataTable 
                  onrowmouseover="this.style.backgroundColor='#F1F1F1'"
                  onrowmouseout="this.style.backgroundColor='#FFFFFF'"
                  id="table" 
                  value="#{wypozyczKsiazkeManager.dataList}" 
                  var="item" 
                  rows="30" 
                 >
            <f:facet name="noData">
              Brak książek
            </f:facet>
                 <rich:column  sortBy="#{item.isbn}"  style="width:75px">
                <f:facet name="header">               
                        <h:outputText value="Numer ISBN " />
                </f:facet>
                <h:outputText value="#{item.isbn}" />
            </rich:column>
                 
                 <rich:column sortBy="#{item.imieAutora}">
                <f:facet name="header">
                    <h:outputText value="Imię autora" />
                </f:facet>
                <h:outputText value="#{item.imieAutora}" />
            </rich:column>
                 <rich:column sortBy="#{item.nazwiskoAutora}">
                <f:facet name="header">
                    <h:outputText value="Nazwisko autora" />
                </f:facet>
                 <h:outputText value="#{item.nazwiskoAutora}" />
            </rich:column>
                 <rich:column sortBy="#{item.tytul}">
                <f:facet name="header">
                    <h:outputText value="Tytuł" />
                </f:facet>
                <h:outputText value="#{item.tytul}" />
            </rich:column>
                 
                 <rich:column sortBy="#{item.nazwaWydawnictwa}">
                <f:facet name="header">
                    <h:outputText value="Wydawnictwo" />
                </f:facet>
                <h:outputText value="#{item.nazwaWydawnictwa}" />
            </rich:column>
                 
                 <rich:column sortBy="#{item.dataWydania}">
                <f:facet name="header">
                    <h:outputText value="Data wydania" />
                </f:facet>
                <h:outputText value="#{item.dataWydania}" />
            </rich:column>
                 
             <rich:column sortBy="#{item.status}"> 
                <f:facet name="header">
                    <h:outputText value="Status " />
                </f:facet>
                <h:outputText value="#{item.status}" />
            </rich:column>  
                 
                <rich:column > 
                    <f:facet name="header">
                        <h:outputText value="Akcja" />
                    </f:facet>
                
                <a4j:commandButton id="wypozyczButton"  value="Wypożycz" disabled="#{item.status!='dostępna'}"
                        oncomplete="#{rich:component('popup')}.show()">           
                     <f:setPropertyActionListener value="#{item}"
                            target="#{wypozyczKsiazkeManager.currentItem}" />
                     
                </a4j:commandButton>
                    
                <a4j:commandButton id="rezerwujButton"  value="Rezerwuj" disabled="#{item.status=='dostępna' or item.status=='zarezerwowana'}"
                        oncomplete="#{rich:component('popup3')}.show()">           
                     <f:setPropertyActionListener value="#{item}"
                            target="#{wypozyczKsiazkeManager.currentItem}" />
                </a4j:commandButton>    
                    
                   
               
            </rich:column>        
                 
       
        </rich:dataTable>
         <rich:dataScroller for="table" maxPages="5" />   
         <rich:messages/>
         <rich:notifyMessages stayTime="2000" nonblocking="true" />
           </center>
           </a4j:region>
       </h:form>
             
             
             
             
      <rich:popupPanel id="popup" modal="false" autosized="true" resizeable="false">
        <f:facet name="header">
            <h:outputText value="Wypożycz" />
        </f:facet>
        <f:facet name="controls">
            <h:outputLink value="#" onclick="#{rich:component('popup')}.hide(); return false;">
                X
            </h:outputLink>
        </f:facet>
        
          Czy na pewno chcesz wypożyczyć tę książkę ?
          <a4j:commandButton value="tak"  render="table, popup2"
                             action="#{wypozyczKsiazkeManager.wypozyczKsiazke()}" 
                             oncomplete="if (#{facesContext.maximumSeverity==null}){ #{rich:component('popup')}.hide(); #{rich:component('popup2')}.show();  }" />
          <a4j:commandButton value="nie"  
                             onclick="#{rich:component('popup')}.hide()"/>
          <rich:messages/>
    </rich:popupPanel>   
             
             
             
    <rich:popupPanel id="popup2" modal="false" autosized="true" resizeable="false">
        <f:facet name="header">
            <h:outputText value="Wypożyczyłeś" />
        </f:facet>
        <f:facet name="controls">
            <h:outputLink value="#" onclick="#{rich:component('popup2')}.hide(); return false;">
                X
            </h:outputLink>
        </f:facet>
        
        <h:panelGrid columns="2">
            <h:outputText value="ID wypożyczenia: "/>
            <h:outputText value="#{wypozyczKsiazkeManager.ksiazka.idWypozyczenia}"/>
            
            <h:outputText value="Tytuł: "/>
            <h:outputText value="#{wypozyczKsiazkeManager.ksiazka.tytul}"/>
            
            <h:outputText value="Autor: "/>
            <h:outputText value="#{wypozyczKsiazkeManager.ksiazka.nazwiskoAutora} #{wypozyczKsiazkeManager.ksiazka.imieAutora}"/>
            
            <h:outputText value="Data wypożyczenia: "/>
            <h:outputText value="#{wypozyczKsiazkeManager.ksiazka.dataWypozyczenia}"/>
            
             <h:outputText value="Data oddania: "/>
             <h:outputText  style="color:red" value="#{wypozyczKsiazkeManager.ksiazka.dataOddania}"/>
             
             <br></br>
             <h:outputText value="Ksiażąka czeka na Ciebie w wypożyczalni."/>
             <rich:messages/>
                 
        </h:panelGrid>
        
        
        
     <a4j:commandButton value="Zamknij"  
                             onclick="#{rich:component('popup2')}.hide()"/>
          <rich:messages/>
    </rich:popupPanel>           
             
           
     <rich:popupPanel id="popup3" modal="false" autosized="true" resizeable="false">
        <f:facet name="header">
            <h:outputText value="Wypożycz" />
        </f:facet>
        <f:facet name="controls">
            <h:outputLink value="#" onclick="#{rich:component('popup3')}.hide(); return false;">
                X
            </h:outputLink>
        </f:facet>
        
          Czy na pewno chcesz zarezerwować tę książkę ?
          <a4j:commandButton value="tak"  render="table, popup4"
                             action="#{wypozyczKsiazkeManager.rezerwujKsiazke}"
                             oncomplete="if (#{facesContext.maximumSeverity==null}){ #{rich:component('popup3')}.hide(); #{rich:component('popup4')}.show();  }" />
          <a4j:commandButton value="nie"  
                             onclick="#{rich:component('popup3')}.hide()"/>
          <rich:messages/>
    </rich:popupPanel>           
               
         
 <rich:popupPanel id="popup4" modal="false" autosized="true" resizeable="false">
        <f:facet name="header">
            <h:outputText value="Rezerwacja" />
        </f:facet>
        <f:facet name="controls">
            <h:outputLink value="#" onclick="#{rich:component('popup4')}.hide(); return false;">
                X
            </h:outputLink>
        </f:facet>
        
        <h:panelGrid columns="2">
            <h:outputText value="ID rezerwacji: "/>
            <h:outputText value="#{wypozyczKsiazkeManager.ksiazka.idWypozyczenia}"/>
            
            <h:outputText value="Tytuł: "/>
            <h:outputText value="#{wypozyczKsiazkeManager.ksiazka.tytul}"/>
            
            <h:outputText value="Autor: "/>
            <h:outputText value="#{wypozyczKsiazkeManager.ksiazka.nazwiskoAutora} #{wypozyczKsiazkeManager.ksiazka.imieAutora}"/>
            
            <h:outputText value="Data rezerwacji: "/>
            <h:outputText value="#{wypozyczKsiazkeManager.ksiazka.dataWypozyczenia}"/>
            
             <h:outputText value="Data wygaśnięcia rezerwacji: "/>
             <h:outputText  style="color:red" value="#{wypozyczKsiazkeManager.ksiazka.dataOddania}"/>
             
             <br></br>
             <h:outputText value="Książka do odebrania za #{wypozyczKsiazkeManager.ile} dni."/>
        </h:panelGrid>
        
        
        
     <a4j:commandButton value="Zamknij"  
                             onclick="#{rich:component('popup4')}.hide()"/>
          <rich:messages/>
    </rich:popupPanel>                      
             
     </f:view>
     </ui:define>

</ui:composition>
